<html>

<head>
<meta charset=utf-8 />
<style type="text/css">
    html{
        height: 100%;
    }
    body{
        margin:0px;
        padding:0px;
        height: 100%;
    }

   .container {
       overflow: auto;
       margin:0 auto;
       height: 100%;
       min-width: 750px;
   }

   .container_float{ float: left;}

   .container_col1 {
       background: url(hand1.jpg);
       width: 20%;
       height: 100%;
       min-height: 300px;
       min-width: 150px;
       margin:0;
   }

   .container_col3 {
       background-image: url(hand2.jpg);
       background-position: top right;
       width: 20%;
       height: 100%;
       min-height: 300px;
       min-width: 150px;
       margin:0;
   }

   .container_col2 {
       background: #E0D2C7;
       width: 60%;
       height: 100%;
       min-height: 300px;
       min-width: 340px;
       margin:0;
   }

   .main {
       overflow: auto;
       margin:0 auto;
   }
  .title {font-size: 22pt; }
  .menu {background-color: red; width: 30%;}
  .text {background-color: white;width: 30%;}



   .header { background-color: white; width: 100%; display:inline-block; font-size:0px;}

   .header_button {
      float:left;
      font-size: 18pt;
      border-bottom: 1px solid white;
      border-top: 6px solid white;
      border-left:  1px solid white;
      border-right:  1px solid white;
      margin:0;
      height: 30px;
   }
   .button1 {
       background: #3CB371;
       width: 20%;
       min-width:100px;
    }
   .button2 {
       background: #79CDCD;
       width: 20%;
       min-width:140px;
    }
   .button3 {
       background: #EE9572;
       width: 20%;
       min-width:100px;
    }
   .button4 {
       background: #FFEC8B;
       width: 39%;
       min-width:220px;
   }

   .button5 {
       background: #EE9A49;
       width: 20%;
       min-width:100px;
   }
   .button6 {
       background: #CD0000;
       width: 27%;
       min-width:200px;
   }
   .button7 {
      background: #96CDCD;
      width: 33%;
      min-width:10px;
   }

   .footer { background: #D5BAE4; width: 100%;}




  </style>
 </head>
 <body>
  <div class="container">
   <div class="container_float container_col1">Колонка 1</div>

   <div class="container_float container_col2">

        <span class="header">
	    <div class="header_button button1"><center>Главная</center></div>
	    <div class="header_button button2"><center>Волонтерам</center></div>
	    <div class="header_button button3"><center>Статьи</center></div>
	    <div class="header_button button4"><center>Попросить о помощи</center></div>
	    <div class="header_button button5"><center>О нас</center></div>
	    <div class="header_button button6"><center>Помогите детям!</center></div>
	    <div class="header_button button7"><center>Наша работа</center></div>
        </span>

        <div class="main">
	  <div class="title"><center>Васильевский районный благотворительный фонд <br>"Детские ладошки".</center></div>
          <div class="menu">menu</div>
          <div class="text">text</div>
        </div>

        <div class="footer">Подвал</div>
   </div>

   <div class="container_float container_col3">Колонка 3</div>
  </div>


</body>

</html>